<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>进行订单评价页面</title>
    <link href="../include/header/header.html">
    <!--bootstrap-->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="../js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <!--引入HttpUtil.js-->
    <script src="../js/HttpUtil.js"></script>
    <script src="../js/GoodsUtils.js"></script>
    <script src="../js/GoodsTypeUtils.js"></script>
    <script src="../js/OrdersUtils.js"></script>
    <script src="../js/UserCacheUtil.js"></script>
    <!-- 界面报icon找不到问题 -->

    <link rel="shortcut icon" href="#"/>
</head>
<body>
<!--导入页面公共头部-->
<div class="Top_header"></div>

<!--  订单页分状态导航栏  -->
<nav class="navbar navbar-default col-xs-10 col-xs-offset-1">
    <div class="container ">
        <div class="row">
            <!--     导航栏信息 start       -->
            <p class="navbar-text navbar-left" style="font-size: 30px"><b>订单评价</b></p>
            <!--     导航栏信息 end       -->
        </div>
        <p>请输入您的订单评价：</p>
        <div class="row">
            <form role="form">
                <div class="form-group">
                    <textarea class="form-control" rows="3" placeholder="请输入订单评价" style="width: 450px;height: 200px"
                              id="assess"></textarea>
                    <br>
                    <button onclick="getAssess();" type="button" style="width: 100px;height: 35px">提交</button>
                </div>
            </form>
        </div>
    </div><!-- /.container-fluid -->
</nav>

<script>
    //获取输入内容


    function getAssess() {
        //获取上个页面传递过来的订单编号
        let oId = getOid();
        //控制台打印获取信息
        console.log('获取到的订单编号：');
        console.log(oId);
        // 获取文本框输入的文字内容
        let oAssess = $("#assess").val();
        //控制台打印
        console.log('文本输入框内容：')
        console.log(oAssess);

        //发送Ajax请求,传递参数（1.oId 2.oAssess）
        $.ajax({
            url: '/shop-api/orders/addAssessByOid',
            type: 'post',
            data: JSON.stringify({
                oId: oId,
                oAssess: oAssess
            }),
            contentType: "application/json",
            success: function (data) {
                console.log(data); //控制台打印后端返回的数据
                console.log('将要跳转至订单详情页面');
                saveOrder(data);
                // 页面跳转(重定向)
                $(window).attr('location', '/shop-app/orders/orderDetails.html');
            }
        })
    }

    //加载公共头部
    $(".Top_header").load("/shop-app/include/header.html");

</script>
</body>
</html>